let upload=layui.upload;
$(()=>{
    // 获取用户头像
    const currentAdmin = sessionStorage.getItem("currentAdm");
    //     渲染图片上传
    upload.render({
        elem: '#avatar-upload-btn',
        url: ctx + '/sys/api/v1/upload/image',
        data: {//传的数据,这个type是自己起的名字，在后面会用到
            type: "admin_avatar",
        },
        exts: 'jpg|png|gif|bmp|jpeg|svg', //上传的类型
        size: 1024,
        done: function (resp) {//上传完成，响应200状态码进入
            let url = ctx + "/assets/" + resp.data;
            // console.log(url);
            $(".img-avatar").attr("src", url);
            sessionStorage.setItem("admin_avatar", resp.data);//将图片地址存到会话存储域
        },
        error: function () {
            layer.msg("上传图片失败");
        },

    });
    // 检查是否有数据
    if (currentAdmin) {
        // 将 JSON 字符串解析为 JavaScript 对象,获取 avatarUrl 属性
        const avatarUrl = ctx+"/assets/"+JSON.parse(currentAdmin).avatarUrl;
        // 使用 jQuery 设置图片的 src 属性
        $('.img-avatar').attr("src", avatarUrl);
        $('.account-username').val(JSON.parse(currentAdmin).username);
        $('.account-phone').val(JSON.parse(currentAdmin).phone);
        $('.account-description').val(JSON.parse(currentAdmin).description);

    } else {
        $('.img-avatar').attr("src", ctx+"/assets/sys/common/imgs/items/1.jpg");
        $('.account-username').val('暂无');
        $('.account-phone').val('暂无');
        $('.account-description').val('暂无');
    }
//     保存按钮提交
    $('.account_change').click(function (){
        var avatarUrl;//头像地址
        // 获取表单数据
        if(sessionStorage.getItem("admin_avatar")){
            avatarUrl = sessionStorage.getItem("admin_avatar");
        }else{
            avatarUrl=null;
        }
        console.log(avatarUrl);
        var username = $('.account-username').val();
        var phone = $('.account-phone').val();
        var description = $('.account-description').val();
        if(username==null || phone ==null || phone.length!==11){
            layer.msg('用户名不能为空，电话需为11位');
            return;
        }
        // 构造请求数据
        var data = {
            avatarUrl,
            username,
            phone,
            description,
            id:JSON.parse(currentAdmin).id
        };

        // console.log(data); // 打印数据，确认是否包含所有字段

        // 使用 $.ajax 发送请求
        $.ajax({
            url: '/sys/api/v1/admin', // 替换为你的后端接口地址
            method: 'patch',
            contentType: 'application/json', // 设置请求头
            data: JSON.stringify(data), // 将数据序列化为 JSON
            success: function(resp) {
                layer.msg('更新成功,重新登录后展示', { icon: 1 }); // 使用 layer.msg 显示成功信息
            },
            error: function(xhr, status, error) {
                layer.msg('更新失败，请稍后再试', { icon: 2 }); // 使用 layer.msg 显示失败信息
            }
        });
    });
//     注销账户按钮
    $('.account_remove').click(function (){
        layer.confirm('真的要注销账户吗，注销后该账户的一切信息都将消失',{icon:0},function (){
            deleteAdmin([JSON.parse(currentAdmin).id]);
        })
    })
})

// 删除
function deleteAdmin(ids) {
    const url = ctx + "/sys/api/v1/admin"
    console.log(ids)
    $.ajax({
        url,
        method: "delete",
        data: {
            ids
        },
        traditional: true,
        success(resp) {//200
            if (resp.success) {
                layer.msg(resp.msg || "注销账户成功,需重新登录",function (){
                    location.href="/vm/sys/logout";
                });
            } else {
                layer.msg(resp.msg || "注销账户失败")
            }
        }, error(resp) {
            console.log(resp)
        }
    })
}